<template>
  <RouterView />
</template>

<style lang="scss">
#app {
  height: 100vh;
  @apply text-sm;
  .ant-layout {
    height: 100% !important;
    background-color: transparent;
    transition: all ease;
  }
  .ant-layout-header {
    height: unset;
    line-height: unset;
    background-color: transparent;
    padding: 0;
  }
  .ant-layout-content {
    margin: 0 5rem;
  }
  .ant-layout-sider {
    flex: 0 0 16rem !important;
    max-width: 16rem !important;
    min-width: 16rem !important;
    width: 16rem !important;
    background-color: transparent;
    .ant-layout-sider-children {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
}
</style>
